﻿<style type="text/css">
    body { overflow: hidden; margin: 0; padding: 0; }
</style>
<table cellpadding="0" cellspacing="1" border="0" width="100%">
    <tr>
        <td style="width:220px; vertical-align:top; padding:5px 5px 0 5px;">
            <iframe id="Iframe1" frameborder="0" scrolling="auto" src="Tree?@Html.Raw(ViewData["query"])" style="width:100%;margin:0;padding:0;"></iframe>
        </td>
        <td class="organizesplit" style="margin: 0; padding: 0;">
            <iframe id="Iframe2_ProgramDesigner" frameborder="0" scrolling="auto" src="List?@Html.Raw(ViewData["query"])" style="width:100%;margin:0;padding:0;"></iframe>
        </td>
    </tr>
</table>
<script type="text/javascript">
    $(function () {
        var height = $(window).height();
        $('#Iframe1').attr('height', height - 10);
        $('#Iframe2_ProgramDesigner').attr('height', height - 10);
    });
</script>